<!DOCTYPE html>
<!--
  ========================LICENSE_START=================================
  screenit-web
  %%
  Copyright (C) 2012 - 2020 Facilitaire Samenwerking Bevolkingsonderzoek
  %%
  This program is free software: you can redistribute it and/or modify
  it under the terms of the GNU Affero General Public License as published by
  the Free Software Foundation, either version 3 of the License, or
  (at your option) any later version.
  
  This program is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  GNU General Public License for more details.
  
  You should have received a copy of the GNU Affero General Public License
  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  =========================LICENSE_END==================================
  -->

<html lang="en" xmlns:wicket="http://wicket.apache.org">
<head>

    <title>ScreenIT</title>

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="shortcut icon" href="assets/favicon/favicon.ico">
    <link rel="apple-touch-icon" sizes="57x57" href="assets/favicon/apple-touch-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="114x114" href="assets/favicon/apple-touch-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="72x72" href="assets/favicon/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="144x144" href="assets/favicon/apple-touch-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="60x60" href="assets/favicon/apple-touch-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="120x120" href="assets/favicon/apple-touch-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="76x76" href="assets/favicon/apple-touch-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="152x152" href="assets/favicon/apple-touch-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="assets/favicon/apple-touch-icon-180x180.png">
    <link rel="icon" type="image/png" href="assets/favicon/favicon-192x192.png" sizes="192x192">
    <link rel="icon" type="image/png" href="assets/favicon/favicon-160x160.png" sizes="160x160">
    <link rel="icon" type="image/png" href="assets/favicon/favicon-96x96.png" sizes="96x96">
    <link rel="icon" type="image/png" href="assets/favicon/favicon-16x16.png" sizes="16x16">
    <link rel="icon" type="image/png" href="assets/favicon/favicon-32x32.png" sizes="32x32">

    <script src="assets/js/libs/select2/select2.min.js" type="text/javascript"></script>
    <script src="assets/js/libs/qtip/jquery.qtip.min.js" type="text/javascript"></script>

    <link rel="stylesheet" type="text/css" href="assets/js/libs/select2/select2.css"/>
    <link rel="stylesheet" type="text/css" href="assets/js/libs/qtip/jquery.qtip.min.css"/>

    <link rel="stylesheet" type="text/css" href="assets/css/bootstrap/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="assets/css/colonis-ui/jquery-ui-1.8.16.custom.css"/>

    <link rel="stylesheet" type="text/css" href="assets/css/clientenportaal.css"/>

    <script src="assets/js/libs/modernizr.custom.min.js" type="text/javascript"></script>
    <!--[if IE ]>
    <link rel="stylesheet" type="text/css" href="assets/css/clientenportaal-ie.css"/>
    <![endif]-->
    <!--[if IE 8]>
    <script src="assets/js/libs/PIE.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            if (window.PIE) {
                $('.content-container').each(function () {
                    PIE.attach(this);
                })
            }
        });
    </script>
    <![endif]-->
    <!--[if IE 7]>
    <script src="assets/js/libs/json3.js" type="text/javascript"></script>
    <![endif]-->
    <script src="assets/js/scripts.js" type="text/javascript"></script>
    <script src="assets/js/scripts-clientportaal.js" type="text/javascript"></script>
    <script src="assets/js/bootstrap.min.js" type="text/javascript"></script>

</head>
<body class="clientenportaal" wicket:id="body">
<div class="topbar">
    <div class="tekstgrootte">
        <label>Tekstgrootte</label>
        <a href="javascript:void(0);" class="min-icon font-disabled" onclick="setBaseFontSize('min')">kleiner</a>
        <a href="javascript:void(0);" class="plus-icon" onclick="setBaseFontSize('plus')">groter</a>
    </div>
    <wicket:enclosure child="clientNaam">
        <div class="ingelogged-als">
            <label>Welkom,
                <wicket:container wicket:id="clientNaam">A. van der Wal</wicket:container>
            </label>
            <a class="cp-btn uitloggen" href="#" wicket:id="uitloggen">
                <wicket:message key="label.uitloggen"/>
            </a>
        </div>
    </wicket:enclosure>
</div>
<div class="content-container">

    <div class="logo-row">
        <a wicket:id="logo" href="javascript:void(0);" class="logo">
            &nsbp;
        </a>
    </div>
    <div class="topnav-title">
        <span class="regiotitle">Bevolkingsonderzoek </span> <span class="subtitle"></span>
    </div>

    <div class="topnav">
        <ul class="nav">
            <li wicket:id="menu">
                <a wicket:id="menuLink" href="#">
                    <wicket:container wicket:id="menuLabel"></wicket:container>
                </a>
            </li>
        </ul>
        <div class="topnav-bottom"></div>
    </div>

    <div class="page-container">
        <div class="content-inner">
            <ul class="breadcrumb" wicket:id="breadCrumbContainer">
                <li>
                    <a wicket:id="hoofdLink" href="javascript:void(0);">
                        <wicket:container wicket:id="hoofdLabel">Startpagina</wicket:container>
                    </a> <span class="divider">&gt;</span>
                </li>
                <li wicket:id="currentPage" class="active">Afspraak wijzigen</li>
            </ul>
            <div wicket:id="feedback"></div>
            <wicket:child></wicket:child>
        </div>
    </div>

    <div class="canvas footer">
        <div class="row-fluid">
            <div class="span3 responsible-disclosure">
                <wicket:container wicket:id="responsibleDisclosure"/>
            </div>
            <div class="span6 logo-bevolkingsonderzoek">
            </div>
            <div class="span3 privacyreglement">
                <wicket:container wicket:id="privacyreglement"/>
            </div>
        </div>
    </div>
</div>
</body>
</html>
